<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<!DOCTYPE html>
<html lang="en">
<head>
</head>

<body class="no-skin">

	<!-- /section:basics/sidebar -->
	<div class="main-content">
		<!-- #section:basics/content.breadcrumbs -->
		<div class="breadcrumbs" id="breadcrumbs">
			<script type="text/javascript">
				try {
					ace.settings.check('breadcrumbs', 'fixed')
				} catch (e) {
				}
			</script>

			<ul class="breadcrumb">
				<li><i class="ace-icon fa fa-home home-icon"></i> <a href="#">管理试题</a></li>
			</ul>
			<!-- /.breadcrumb -->

			<!-- #section:basics/content.searchbox -->
			<div class="nav-search" id="nav-search">
				<form class="form-search">
					<span class="input-icon"> <input type="text" placeholder="Search ..."
						class="nav-search-input" id="nav-search-input" autocomplete="off" /> <i
						class="ace-icon fa fa-search nav-search-icon"></i>
					</span>
				</form>
			</div>
			<!-- /.nav-search -->

			<!-- /section:basics/content.searchbox -->
		</div>

		<!-- /section:basics/content.breadcrumbs -->
		<div class="page-content">
			<!-- #section:settings.box -->
			<div class="ace-settings-container" id="ace-settings-container">
				<div class="btn btn-app btn-xs btn-warning ace-settings-btn" id="ace-settings-btn">
					<i class="ace-icon fa fa-cog bigger-150"></i>
				</div>

				<div class="ace-settings-box clearfix" id="ace-settings-box">
					<div class="pull-left width-50">
						<!-- #section:settings.skins -->
						<div class="ace-settings-item">
							<div class="pull-left">
								<select id="skin-colorpicker" class="hide">
									<option data-skin="no-skin" value="#438EB9">#438EB9</option>
									<option data-skin="skin-1" value="#222A2D">#222A2D</option>
									<option data-skin="skin-2" value="#C6487E">#C6487E</option>
									<option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
								</select>
							</div>
							<span>&nbsp; Choose Skin</span>
						</div>

						<!-- /section:settings.skins -->

						<!-- #section:settings.navbar -->
						<div class="ace-settings-item">
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-navbar" /> <label
								class="lbl" for="ace-settings-navbar"> Fixed Navbar</label>
						</div>

						<!-- /section:settings.navbar -->

						<!-- #section:settings.sidebar -->
						<div class="ace-settings-item">
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-sidebar" /> <label
								class="lbl" for="ace-settings-sidebar"> Fixed Sidebar</label>
						</div>

						<!-- /section:settings.sidebar -->

						<!-- #section:settings.breadcrumbs -->
						<div class="ace-settings-item">
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-breadcrumbs" /> <label
								class="lbl" for="ace-settings-breadcrumbs"> Fixed Breadcrumbs</label>
						</div>

						<!-- /section:settings.breadcrumbs -->

						<!-- #section:settings.rtl -->
						<div class="ace-settings-item">
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl" /> <label
								class="lbl" for="ace-settings-rtl"> Right To Left (rtl)</label>
						</div>

						<!-- /section:settings.rtl -->

						<!-- #section:settings.container -->
						<div class="ace-settings-item">
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-add-container" /> <label
								class="lbl" for="ace-settings-add-container"> Inside <b>.container</b>
							</label>
						</div>

						<!-- /section:settings.container -->
					</div>
					<!-- /.pull-left -->

					<div class="pull-left width-50">
						<!-- #section:basics/sidebar.options -->
						<div class="ace-settings-item">
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-hover" /> <label
								class="lbl" for="ace-settings-hover"> Submenu on Hover</label>
						</div>

						<div class="ace-settings-item">
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-compact" /> <label
								class="lbl" for="ace-settings-compact"> Compact Sidebar</label>
						</div>

						<div class="ace-settings-item">
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-highlight" /> <label
								class="lbl" for="ace-settings-highlight"> Alt. Active Item</label>
						</div>

						<!-- /section:basics/sidebar.options -->
					</div>
					<!-- /.pull-left -->
				</div>
				<!-- /.ace-settings-box -->
			</div>
			<!-- /.ace-settings-container -->

			<!-- /section:settings.box -->
			<div class="page-content-area">
				<!-- /.page-header -->

				<div class="row">
					<div class="col-xs-12">
						<!-- PAGE CONTENT BEGINS -->
						<div class="row">
							<div class="col-xs-12">
							<!-- PAGE CONTENT BEGINS -->
							<div class="row">
								<div class="col-xs-12">
									<div style="background: green;">
										<c:if test="${not empty message }">
											<h1 style="color: white">${message }</h1>
										</c:if>
									</div>
										<button class="btn btn-primary add-test">
											<span class="ace-icon fa fa-plus align-top bigger-125">添加</span>
										</button>
										<table id="sample-table-1"
										class="table table-striped table-bordered table-hover">
										<thead>
											<tr>
												<th>题号</th>
												<th>科目</th>
												<th>题干</th>
												<th>选项A</th>
												<th>选项B</th>
												<th>选项C</th>
												<th>选项D</th>
												<th>答案</th>
												<th>题目类型</th>
												<th>题目分数</th>
												<th><i
													class="ace-icon fa fa-clock-o bigger-110 hidden-480"></i>
													操作</th>
											</tr>
										</thead>

										<tbody>
											<c:forEach var="list" items="${examTest }">
												<tr>
													<td>${list.id }</td>
													<td>${list.subName }</td>
													<td>${list.content }</td>
													<td>${list.chooseA }</td>
													<td>${list.chooseB }</td>
													<td>${list.chooseC }</td>
													<td>${list.chooseD }</td>
													<td>${list.answer }</td>
													<td>${list.examTestTypeVO.testType }</td>
													<td>${list.examTestTypeVO.testTypeScore }</td>
													<td>
														<div class="hidden-sm hidden-xs btn-group">
															<a title="查看试题" class="btn btn-primary btn-xs show-test">
																<i class="ace-icon fa fa-comment"></i>
															</a> <a title="修改" class="btn btn-primary btn-xs update-test">
																<i class="ace-icon fa fa-pencil"></i>
															</a> <a title="删除" class="btn btn-primary btn-xs delete-test">
																<i class="ace-icon fa fa-trash-o"></i>
															</a>

														</div>

														<div class="hidden-md hidden-lg">
															<div class="inline position-relative">
																<button
																	class="btn btn-minier btn-primary dropdown-toggle"
																	data-toggle="dropdown" data-position="auto">
																	<i class="ace-icon fa fa-cog icon-only bigger-110"></i>
																</button>

																<ul
																	class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">

																	<li><a class="tooltip-success" data-rel="tooltip"
																		title="Edit"> <span class="green"> <i
																				class="ace-icon fa fa-comment"></i>
																		</span>
																	</a></li>

																	<li><a class="tooltip-error" data-rel="tooltip"
																		title="Delete"> <span class="red"> <i
																				class="ace-icon fa fa-trash-o bigger-120"></i>
																		</span>
																	</a></li>
																</ul>
															</div>
														</div>
													</td>
												</tr>
											</c:forEach>

										</tbody>
									</table>
								</div>
								<!-- /.span -->
							</div>
							<!-- /.row -->


							<!-- PAGE CONTENT ENDS -->
						</div>
						</div>
						<!-- /.row -->

						<!-- PAGE CONTENT ENDS -->
					</div>
					<!-- /.col -->
				</div>
				<!-- /.row -->
			</div>
			<!-- /.page-content-area -->
		</div>
		<!-- /.page-content -->
	</div>
	<!-- /.main-content -->
<div class="modal fade" id="showTestModal" tabindex="-1" role="dialog"
			aria-labelledby="showTestModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="showTestModalLabel">查看详细试题</h4>
					</div>
					<div class="modal-body">
						<label>试题科目:&nbsp;&nbsp;</label><span class="sub-name"></span><br />
						<label>课目:&nbsp;&nbsp;</label><span class="content"></span>&nbsp;&nbsp;————&nbsp;&nbsp;(<span
							class="test-type"></span>,每题<span class="test-type-score"></span>分)<br />
						<label>A:&nbsp;&nbsp;</label><span class="choose-a"></span><br />
						<label>B:&nbsp;&nbsp;</label><span class="choose-b"></span><br />
						<label>C:&nbsp;&nbsp;</label><span class="choose-c"></span><br />
						<label>D:&nbsp;&nbsp;</label><span class="choose-d"></span><br />
						<label style="font-weight: bold;">答案:&nbsp;&nbsp;</label><span
							class="anwsers" id="answers"></span>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					</div>
				</div>
			</div>
		</div>

		<div class="modal fade" id="addTestModal" tabindex="-1" role="dialog"
			aria-labelledby="addTestModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="addTestModalLabel">添加试题</h4>
					</div>
					<div class="modal-body">
						<form id="addTestForm" method="post">
							<p>
								<label>科目:</label><select name="subId"></select>
							</p>
							<p>
								<label>试题类型:</label><select name="testType">
								</select><label class="testTypeScore"></label>
							</p>
							<p>
								<label>题干:</label>
								<textarea name="content" cols="50" rows="8" placeholder="填写题目内容"></textarea>
							</p>
							<p>
								<label>选项A:</label><input type="text" name="chooseA"
									placeholder="填写候选答案内容，作为选项A" />
							</p>
							<p>
								<label>选项B:</label><input type="text" name="chooseB"
									placeholder="填写候选答案内容，作为选项B" />
							</p>
							<p>
								<label>选项C:</label><input type="text" name="chooseC"
									placeholder="填写候选答案内容，作为选项C" />
							</p>
							<p>
								<label>选项D:</label><input type="text" name="chooseD"
									placeholder="填写候选答案内容，作为选项D" />
							</p>
							<p>
								<label>答案</label> <span class="answerTotal"> <input
									type="radio" name="answer" value="A" checked /> <input
									type="checkbox" name="answer" value="A" />选项A <input
									type="radio" name="answer" value="B" checked /> <input
									type="checkbox" name="answer" value="B" />选项B <input
									type="radio" name="answer" value="C" checked /> <input
									type="checkbox" name="answer" value="C" />选项C <input
									type="radio" name="answer" value="D" checked /> <input
									type="checkbox" name="answer" value="D" />选项D
								</span>
							</p>
						</form>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
						<button type="button" class="btn btn-primary" id="addTestSaveBtn">添加</button>
					</div>
				</div>
			</div>
		</div>

		<div class="modal fade" id="editTestModal" tabindex="-1" role="dialog"
			aria-labelledby="editTestModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="editTestModalLabel">修改试题</h4>
					</div>
					<div class="modal-body">
						<form id="editTestForm" method="POST">
							<p>
								<label>科目:</label><select name="subId"></select>
							</p>
							<p>
								<label>试题类型:</label><select name="testType"></select> <label class="testTypeScore"></label>
							</p>
							<p>
								<label>题干:</label>
								<textarea rows="8" cols="50" name="content" placeholder="填写题目内容"></textarea>
							</p>
							<p>
								<label>选项A:</label><input type="text" name="chooseA"
									placeholder="填写候选答案内容，作为选项A" />
							</p>
							<p>
								<label>选项B:</label><input type="text" name="chooseB"
									placeholder="填写候选答案内容，作为选项B" />
							</p>
							<p>
								<label>选项C:</label><input type="text" name="chooseC"
									placeholder="填写候选答案内容，作为选项C" />
							</p>
							<p>
								<label>选项D:</label><input type="text" name="chooseD"
									placeholder="填写候选答案内容，作为选项D">
							</p>
							<p>
								<label>答案:</label> <span class="answerTotal"> <input
									type="radio" name="answer" value="A" /> <input
									type="checkbox" name="answer" value="A" />选项A <input
									type="radio" name="answer" value="B" /> <input type="checkbox"
									name="answer" value="B" />选项B <input type="radio"
									name="answer" value="C" /> <input type="checkbox"
									name="answer" value="C" />选项C <input type="radio"
									name="answer" value="D" /> <input type="checkbox"
									name="answer" value="D" /> 选项D
								</span>
							</p>
						</form>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
						<button type="button" class="btn btn-primary" id="editTestBtn">修改</button>
					</div>
				</div>
			</div>
		</div>

	<!-- /.main-container -->

	<!--[if !IE]> -->
	<script type="text/javascript">
		window.jQuery
				|| document
						.write("<script src='${pageContext.request.contextPath}/static/assets/js/jquery.min.js'>"
								+ "<"+"/script>");
	</script>

	<!-- <![endif]-->

	<!--[if IE]>
<script type="text/javascript">
 window.jQuery || document.write("<script src='${pageContext.request.contextPath}/static/assets/js/jquery1x.min.js'>"+"<"+"/script>");
</script>
<![endif]-->
	<script type="text/javascript">
		if ('ontouchstart' in document.documentElement)
			document
					.write("<script src='${pageContext.request.contextPath}/static/assets/js/jquery.mobile.custom.min.js'>"
							+ "<"+"/script>");
	</script>
	<script src="${pageContext.request.contextPath}/static/assets/js/bootstrap.min.js"></script>

	<!-- page specific plugin scripts -->
	<script src="${pageContext.request.contextPath}/static/assets/js/jquery.dataTables.min.js"></script>
	<script src="${pageContext.request.contextPath}/static/assets/js/jquery.dataTables.bootstrap.js"></script>

	<!-- ace scripts -->
	<script src="${pageContext.request.contextPath}/static/assets/js/ace-elements.min.js"></script>

	<!-- inline scripts related to this page -->
	<script type="text/javascript">
		jQuery(function($) {
			var oTable1 = $('#sample-table-2')
			//.wrap("<div class='dataTables_borderWrap' />")   //if you are applying horizontal scrolling (sScrollX)
			.dataTable({
				bAutoWidth : false,
				"aoColumns" : [ {
					"bSortable" : false
				}, null, null, null, null, null, {
					"bSortable" : false
				} ],
				"aaSorting" : [],

			//,
			//"sScrollY": "200px",
			//"bPaginate": false,

			//"sScrollX": "100%",
			//"sScrollXInner": "120%",
			//"bScrollCollapse": true,
			//Note: if you are applying horizontal scrolling (sScrollX) on a ".table-bordered"
			//you may want to wrap the table inside a "div.dataTables_borderWrap" element

			//"iDisplayLength": 50
			});
			/**
			var tableTools = new $.fn.dataTable.TableTools( oTable1, {
				"sSwfPath": "../../copy_csv_xls_pdf.swf",
			    "buttons": [
			        "copy",
			        "csv",
			        "xls",
					"pdf",
			        "print"
			    ]
			} );
			$( tableTools.fnContainer() ).insertBefore('#sample-table-2');
			 */

			$(document).on(
					'click',
					'th input:checkbox',
					function() {
						var that = this;
						$(this).closest('table').find(
								'tr > td:first-child input:checkbox').each(
								function() {
									this.checked = that.checked;
									$(this).closest('tr').toggleClass(
											'selected');
								});
					});

			$('[data-rel="tooltip"]').tooltip({
				placement : tooltip_placement
			});
			function tooltip_placement(context, source) {
				var $source = $(source);
				var $parent = $source.closest('table')
				var off1 = $parent.offset();
				var w1 = $parent.width();

				var off2 = $source.offset();
				//var w2 = $source.width();

				if (parseInt(off2.left) < parseInt(off1.left)
						+ parseInt(w1 / 2))
					return 'right';
				return 'left';
			}

		})
	</script>

	<!-- the following scripts are used in demo only for onpage help and you don't need them -->
	<script type="text/javascript">
		ace.vars['base'] = '..';
	</script>
	<script src="${pageContext.request.contextPath}/static/assets/js/ace/elements.onpage-help.js"></script>
	<script src="${pageContext.request.contextPath}/static/assets/js/ace/ace.onpage-help.js"></script>
	<script src="${pageContext.request.contextPath}/static/docs/assets/js/rainbow.js"></script>
	<script src="${pageContext.request.contextPath}/static/docs/assets/js/language/generic.js"></script>
	<script src="${pageContext.request.contextPath}/static/docs/assets/js/language/html.js"></script>
	<%-- <script
		src="${pageContext.request.contextPath}/docs/assets/js/language/css.js"></script>
	<script
		src="${pageContext.request.contextPath}/docs/assets/js/language/javascript.js"></script> --%>
	<script type="text/javascript">
			$().ready(function() {
				$('#addTestForm').validate({
					rules : {
						content : {
							required : true
						},
						chooseA : {
							required : true
						},
						chooseB : {
							required : true
						},
						chooseC : {
							required : true
						},
						chooseD : {
							required : true
						},
						answerTotal : {
							required : true
						}
					}
				});
				$('#editTestForm').validate({
					rules: {
						content: "required",
						chooseA: "required",
						chooseB: "required",
						chooseC: "required",
						chooseD: "required",
						answerTotal: "required"
						}
				});
			});
			
		</script>
	<script type="text/javascript">
		$('.show-test')
				.click(
						function() {
							var testId = $(this).parent().parent().siblings()
									.eq(0).text();
							$
									.ajax({
										type : 'POST',
										url : '${pageContext.request.contextPath}/teacher/getTestById',
										data : {
											testId : testId
										},
										dataType : "json",
										success : function(data) {
											$('#showTestModal .sub-name').text(
													data.subName);
											$('#showTestModal .content').text(
													data.content);
											$('#showTestModal .choose-a').text(
													data.chooseA);
											$('#showTestModal .choose-b').text(
													data.chooseB);
											$('#showTestModal .choose-c').text(
													data.chooseC);
											$('#showTestModal .choose-d').text(
													data.chooseD);
											/* $('#showTestModal .anwsers').html(
													data.anwser); */
											 document.getElementById("answers").innerHTML = data.answer;
											$('#showTestModal .test-type')
													.text(
															data.examTestTypeVO.testType);
											$('#showTestModal .test-type-score')
													.text(
															data.examTestTypeVO.testTypeScore);
										}
									});
							$('#showTestModal').modal('show');
						});

		

	</script>
	<script type="text/javascript">
		$('#editTestForm select[name="testType"]').change(function(){
			$('#editTestForm .testTypeScore').text('本题每题' + $(this).find('option:checked').attr('score') + '分');
			var testType = $(this).val();

			if(testType == 1) {
				$('#editTestForm .answerTotal input:radio').show();
				$('#editTestForm .answerTotal input:checkbox').hide();
				} else if (testType == 2) {
					$('#editTestForm .answerTotal input:radio').hide();
					$('#editTestForm .answerTotal input:checkbox').show();
					} else {
						alert('无试题类型');
					}
			});
	</script>
	<script type="text/javascript">
	$(".delete-test").click(function() {
		if(confirm('确定删除?')==false){
			return false;
		}
		var testId = $(this).parent().parent().siblings().eq(0).text();
		alert(testId);
		$.ajax({
			type: 'POST',
			url: "${pageContext.request.contextPath }/teacher/deleteTest",
			data: {
				testId : testId
				},
			success: function(data) {
				if(data) {
					alert('删除成功');
					window.location.reload();
				} else {
					alert('删除失败');
					window.location.reload();
				}
			}
		});
	});
	</script>
	
	<script type="text/javascript">
		$('.add-test').click(function() {
			$	.ajax({
					type : 'POST',
					url : '${pageContext.request.contextPath}/teacher/getSubjectAndTestType',
					dataType : "json",
					success : function(data) {
											$(
													'#addTestForm select[name="subId"]')
													.empty();
											$(
													'#addTestForm select[name="testType"]')
													.empty();

											$.each(	data.subjects,
															function(index,
																	item) {
																$('#addTestForm select[name="subId"]').append('<option value='+ item.id +'>'
																		+ item.name+ '</option>');
															});
											$
													.each(
															data.examTestTypes,
															function(index,
																	item) {
																$(
																		'#addTestForm select[name="testType"]')
																		.append('<option value='+ item.id +' score = '+ item.testTypeScore +'>'
																						+ item.testType+ '</option>');
															});
											$(
													'#addTestForm select[name="testType"]')
													.trigger('change');
										}
									});
							$('#addTestModal').modal('show');
						});
		$('#addTestForm select[name="testType"]').change(
				function() {
					$('#addTestForm .testTypeScore').text(
							'本题每题'
									+ $(this).find('option:checked').attr(
											'score') + '分');
					var testType = $(this).val();

					if (testType == 1) {
						$('#addTestForm .answerTotal input:radio').show();
						$('#addTestForm .answerTotal input:checkbox').hide();
					} else if (testType == 2) {
						$('#addTestForm .answerTotal input:radio').hide();
						$('#addTestForm .answerTotal input:checkbox').show();
					} else {
						alert('无考题类型');
					}
				});
		$('#addTestSaveBtn')
				.click(
						function() {
							if ($('#addTestForm').valid()) {
								var subId = $(
										'#addTestForm select[name="subId"]')
										.val();
								var testType = $(
										'#addTestForm select[name="testType"]')
										.val();
								var content = $(
										'#addTestForm textarea[name="content"]')
										.val();
								var chooseA = $(
										'#addTestForm input[name="chooseA"]')
										.val();
								var chooseB = $(
										'#addTestForm input[name="chooseB"]')
										.val();
								var chooseC = $(
										'#addTestForm input[name="chooseC"]')
										.val();
								var chooseD = $(
										'#addTestForm input[name="chooseD"]')
										.val();
								var answerString = '';
								if (testType == 1) {
									answerString += $(
											'#addTestForm input[name="answer"]:radio:checked')
											.val();
								} else if (testType == 2) {
									var array = $('#addTestForm input[name="answer"]:checkbox:checked');
									$
											.each(
													array,
													function(index, item) {
														answerString += (index == 0 ? $(
																item).val()
																: (',' + $(item)
																		.val()));
													});
								} else {
									alert('无试题类型');
								}
								$
										.ajax({
											type : 'POST',
											url : '${pageContext.request.contextPath }/teacher/saveTest',
											data : {
												subId : subId,
												'examTestTypeVO.id' : testType,
												content : content,
												chooseA : chooseA,
												chooseB : chooseB,
												chooseC : chooseC,
												chooseD : chooseD,
												answer : answerString
											},
											dataType : "json",
											success : function(data) {
												if (data.success) {
													alert('添加成功!');
													window.location.reload();
												} else {
													var messageMap = data.messageMap;
													alert('添加失败!');
													for ( var key in messageMap) {
														var value = messageMap[key];
														$(
																'#addTestForm input[name ="'
																		+ key
																		+ '"]')
																.after(
																		'<label class="jsr303-message-label">'
																				+ value
																				+ '</label>');
													}
												}
											}
										});
							}
						});
		var testId = 0;
		$('.update-test').click(function() {
			testId = $(this).parent().parent().siblings().eq(0).text();
			$.ajax({
				type: 'POST',
				url: '${pageContext.request.contextPath }/teacher/getSubjectAndTestType',
				dataType: "json",
				success: function(data) {
					$('#editTestForm select[name="subId"]').empty();
					$('#editTestForm select[name="testType"]').empty();

					$.each(data.subjects, function(index, item){
						$('#editTestForm select[name="subId"]').append('<option value='+ item.id + '>' + item.name +'</option>');
					});
					$.each(data.examTestTypes, function(index, item) {
						$('#editTestForm select[name="testType"]').append('<option value=' + item.id + ' score='+ item.testTypeScore+'>' + item.testType + '</option>');
					});
					$('#editTestForm select[name="testType"]').trigger('change');
				}
			});
			
			$.ajax({
				type: 'POST',
				url: '${pageContext.request.contextPath }/teacher/getTestById',
				data: {
					testId: testId
				},
				dataType: "json",
				success: function(data) {
					 var selectSubId = $('#editTestForm select[name="subId"]').find("option");
					 for(var i = 0;i < selectSubId.length; i++) {
							if(selectSubId[i].value == data.subId) {
								selectSubId[i].selected = true;
							}
					}
					if(data.examTestTypeVO.id == 1) {
						$('#editTestForm select[name = "testType"]').find("option")[0].selected = true;
						$('#editTestForm select[name = "testType"]').change();
						var answerRadio = $('#editTestForm .answerTotal input:radio');
						for(var i = 0;i < answerRadio.length; i++) {
							if(answerRadio[i].value == data.answer) {
								answerRadio.eq(i).attr("checked", true);
							}
						}
					}   else if(data.examTestTypeVO.id == 2) {
						 $('#editTestForm select[name = "testType"]').find("option")[1].selected = true;
						$('#editTestForm select[name = "testType"]').change();
						var answerCheckbox = $('#editTestForm .answerTotal input:checkbox');
						var array = data.answer.split(",");
						 for(var i = 0; i < answerCheckbox.length; i++) {
							answerCheckbox[i].checked = false;
							for(var j = 0; j < array.length; j++) {
								 if(answerCheckbox[i].value == array[j]) {
									answerCheckbox[i].checked = true;
								} 
							} 
						}
						 
					}
					$('#editTestForm textarea[name = "content"]').val(data.content);
					$('#editTestForm input[name = "chooseA"]').val(data.chooseA);
					$('#editTestForm input[name = "chooseB"]').val(data.chooseB);
					$('#editTestForm input[name = "chooseC"]').val(data.chooseC);
					$('#editTestForm input[name = "chooseD"]').val(data.chooseD);
				}
				
			});
			$('#editTestModal').modal('show');
		});
		$("#editTestBtn").click(function() {
			if($("#editTestForm").valid()) {
				
				var subId = $('#editTestForm select[name = "subId"]').val();
				var testType = $('#editTestForm select[name = "testType"]').val();
				var content = $('#editTestForm textarea[name = "content"]').val();
				var chooseA = $('#editTestForm input[name="chooseA"]').val();
				var chooseB = $('#editTestForm input[name="chooseB"]').val();
				var chooseC = $('#editTestForm input[name="chooseC"]').val();
				var chooseD = $('#editTestForm input[name="chooseD"]').val();
				var answerTotal = '';
				if(testType == 1) {
					answerTotal += $('#editTestForm .answerTotal input[name="answer"]:radio:checked').val();
				} else if (testType == 2) {
						var array = $('#editTestForm input[name="answer"]:checkbox:checked');
						$.each(array, function(index, item){
							answerTotal += (index == 0) ? ($(item).val()) : (',' + $(item).val()); 
						});
				} else {
					alert('无答案');
				}
				$.ajax({
					type: "POST",
					url: "${pageContext.request.contextPath }/teacher/updateTest",
					data: {
						id: testId,
						subId: subId,
						'examTestTypeVO.id': testType,
						content: content,
						chooseA: chooseA,
						chooseB: chooseB,
						chooseC: chooseC,
						chooseD: chooseD,
						answer: answerTotal
						},
					dataType: "json",
					success: function(data){
						if(data.success) {
							alert('修改成功');
							window.location.reload();
						} else {
							var messageMap = data.messageMap;
							for(var key in messageMap) {
								var value = messageMap[key];
								$('#addTestForm input[name ="'+ key+ '"]').after('<label class="jsr303-message-label">'
														+ value+ '</label>');
							}
							alert('修改失败');
						}
						}
					});
				}
			});
	</script>
</body>
</html>